<template>
  <div id="app">
    <div id="nav">
      <router-link to="/"></router-link> 
      
       
    </div>
    <keep-alive>
    <transition :name="dong">
      <router-view/>
    </transition>
       
    </keep-alive>

    <div class="dibu">
      <keep-alive>
        
           <Footer/>
      </keep-alive>
     
    </div>

   
  </div>
</template>
<script>
 import Footer from './components/footer'
  	export default {
      data(){
        return{
          dong:''
        }
      },
      methods:{
         
      },
    	components:{
           Footer
        },
        watch:{
          // '$route':'dongHua'
          $route(newValue,oldValue){
            // console.log(oldValue.fullPath);
            if(newValue.fullPath=="/login"){
              this.dong="dong";
            }else{
              this.dong='';
            }
          }
        }
  	}
</script>

<style lang="less">
@import './style/reset.css';


.dong-enter,.dong-leave{
  
  transform:translateX(-100vw) scale(0.2,0.2) rotate(0deg);
  opacity: 0;
  
}
.dong-enter-active,.dong-leave-active{
  transition: all 1.5s;
  position: absolute;
}
.dong-enter-to,.dong-leave{
  transform:translateX(0) scale(1,1) rotate(360deg);
  opacity: 1;
  
}

i,p,h1,h2,h3,h4,h5,h6{
  cursor: pointer;
}
li{
  cursor: pointer;
}
.dibu{
  position: fixed;
  bottom: 0;
}
.icon {
       width: 1.5em; height: 1.5em;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
    }
*{
  padding: 0;
  margin: 0;
}

body{
  background-color: #f5f5f5;
}
 @font-face {
  font-family: 'iconfont';  /* project id 2408325 */
  src: url('//at.alicdn.com/t/font_2408325_u1ds03ifcu.eot');
  src: url('//at.alicdn.com/t/font_2408325_u1ds03ifcu.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2408325_u1ds03ifcu.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2408325_u1ds03ifcu.woff') format('woff'),
  url('//at.alicdn.com/t/font_2408325_u1ds03ifcu.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2408325_u1ds03ifcu.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    // font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
</style>
